<template>
  <div id="login">
    <div class="box1"><img src="../assets/Lost.gif" alt="" /></div>
    <div class="box2">糟糕！你访问的页面到外太空了啦！</div>
    <el-button type="primary" @click="fallback()">返回</el-button>
  </div>
</template>
<style lang="less" scoped>
#login {
  .box1 {
    width: 100%;
    height: 600px;
    margin: auto;
    img {
      margin-left: 340px;
    }
  }
  .box2 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #b5b4ba;
  }
  .el-button {
    margin-left: 700px;
  } 
}
</style>
<script>
import router from '@/router'
export default {
    setup(){
       function fallback(){
               router.go(-1)  //根据哪个页面进入回退到上一步
            } 
        return{
          fallback
        }
    }
}
</script>
